<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="plujins/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <style>
        .container-fluid {
            background-color: pink;
            height: 200px;
        }
    </style>
    <title>表格</title>
</head>
<body>
<table class="table table-striped table-bordered table-hover " style="table-layout:inherit">
    <thead>
    <tr>
        <!--<th><input type="checkbox" id="selectall"> 全选</th>-->
        <th><input type="checkbox" id="selectall" onchange="selectall(this)"> 全选</th>
        <th>编号</th>
        <!--                <th>图标</th>-->
        <th>名称</th>
        <th style="display: none">在原服务器中的相对路径</th>
        <th>所属项目</th>
        <th>文件 MD5 值</th>
        <th>文件大小</th>
        <th>有效期</th>

        <th class="text-center">操作</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>00000000000000000000000000000</td>
        <td style="word-break:break-word;width: 200px">afdvzvzvzcvxzvcxcafsfsf</td>
        <td>2222222222222222222222</td>
        <td>33333333333333333333333333333</td>
        <td>44444444444444444444444444444</td>
        <td>55555555555555555555555555</td>
        <td>666666666666666666666666666666</td>
        <td>777777777777777777777777777777</td>

    </tr>
    </tbody>
</table>
<table class="table table-striped table-bordered table-hover " style="table-layout:inherit">
    <thead>
    <tr >
        <!--<th><input type="checkbox" id="selectall"> 全选</th>-->
        <th class="col-md-1 "><input type="checkbox" id="selectall2" onchange="selectall(this)" > 全选</th>
        <th class="col-md-1">编号</th>
        <th class="col-md-1">服务器</th>
        <th class="col-md-1">名称</th>
        <th class="col-md-1">version</th>
        <th class="col-md-1">port</th>
        <th class="col-md-1">有效期</th>
        <th class="col-md-1">custorm</th>
        <th class="col-md-2 text-center detail " >操作
            <a class="btn btn-default btn-sm glyphicon glyphicon-plus create" href="#"></a>
        </th>
    </tr>
    </thead>
    <tbody>
    <style>
        .tr td{
            line-height: 30px!important;
            height: 30px;
        }
    </style>
    <tr class="tr">
        <td>
            <input type="checkbox">
            <span class="number">1</span>
        </td>
        <td class="id">1</td>
        <td class="server">济宁</td>
        <td class="name">nginx</td>
        <td class="version">16</td>
        <td class="port">80,443</td>
        <td class="endTime">2020-1-1</td>
        <td class="custorm">济宁</td>
        <td class="detail">
            <div class=" col-md-1 col-lg-3"></div>
            <div class="btn-group col-md-10 col-lg-7">
                <a class="btn btn-default glyphicon glyphicon-pencil edit" href="#"></a>
                <a class="btn btn-default glyphicon glyphicon-ok update" href="#"></a>
                <a class="btn btn-default glyphicon glyphicon-remove delete" href="#"></a>
                <a class="btn btn-default glyphicon glyphicon-wrench config" href="#"></a>
            </div>
            <div class=" col-md-1 col-lg-2"></div>
        </td>
    </tr>
    </tbody>
</table>
</body>
<script src="js/jquery-3.2.js"></script>
<script src="plujins/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
</html>